<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">

            <h:form id="cidadaoForm" enctype="multipart/form-data">
                <br/>
                <h3 class="title">Atualizar Requerimento</h3>
                <p:panel id="tipoRequerimentoPanel" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Tipo de Requerimento</h4>
                    <p:outputLabel value="Requerimento " styleClass="grid_3" for="tipoRequerimentoSelectOneMenu" /> 
                    <div class="grid_8">
                        <p:selectOneMenu id="tipoRequerimentoSelectOneMenu" value="#{managerEditarRequerimento.requerimento.tipoRequerimento}">
                            <f:selectItem  itemLabel="" itemValue=""/>
                            <f:selectItems value="#{managerEditarRequerimento.tipoRequerimentoList()}" /> 
                        </p:selectOneMenu>
                    </div>

                </p:panel>

                <p:growl id="messages" showDetail="false" autoUpdate="true"/>

                <p:panel id="personPanel" styleClass="container_24 clearfix both">

                    <h4 class="title">Dados do Interessado</h4>

                    <p:outputLabel value="Pessoa: " styleClass="grid_3" style="top: 6px" for="tipoDocumentoInteressado"/>
                    <div class="grid_8">
                        <p:selectOneRadio id="tipoDocumentoInteressado" value="#{managerEditarRequerimento.requerimento.tipoDocumentoInteressado}" >
                            <f:selectItems value="#{managerUtilitario.tipoDocumento}" />
                            <p:ajax event="change" update=":cidadaoForm:personPanel" />
                        </p:selectOneRadio>
                    </div>

                    <div class="clear-both"/> 

                    <p:outputLabel id="tipoDocumentoLabel" for="documentoInteressado" styleClass="grid_3"
                                   value="#{managerEditarRequerimento.requerimento.tipoDocumentoInteressado}"/>

                    <p:inputMask id="documentoInteressado" styleClass="grid_8" 
                                 value="#{managerEditarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF' ? 
                                          managerEditarRequerimento.requerimento.cpfInteressado : managerEditarRequerimento.requerimento.cnpjInteressado}"
                                 mask="#{managerEditarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF' ? 
                                         '999.999.999-99':'99.999.999/9999-99'}">
                    </p:inputMask>

                    <p:outputLabel value="Qualidade" styleClass="grid_3" for="qualidadeInteressado" />
                    <div class="grid_8" style="margin-bottom: -1px">
                        <p:selectOneMenu id="qualidadeInteressado" value="#{managerEditarRequerimento.requerimento.tipoQualidade}">
                            <f:selectItem  itemLabel="" itemValue=""/>
                            <f:selectItems value="#{managerUtilitario.tipoQualidade}" /> 
                        </p:selectOneMenu>
                    </div>

                    <p:outputLabel value="Nome" styleClass="grid_3" for="nomeInteressado" 
                                   rendered="#{managerEditarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF'}"/>
                    <p:inputText id="nomeInteressado" styleClass="grid_20 ajustInput" required="true" 
                                 value="#{managerEditarRequerimento.requerimento.nomeInteressado}" 
                                 rendered="#{managerEditarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF'}" />

                    <div class="clear"/> 
                    <p:outputLabel value="Nome Fantasia" styleClass="grid_3" for="nomeFantasiaInteressado"
                                   rendered="#{managerEditarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" />
                    <p:inputText id="nomeFantasiaInteressado" styleClass="grid_20 ajustInput"
                                 value="#{managerEditarRequerimento.requerimento.nomeFantasiaInteressado}" 
                                 rendered="#{managerEditarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" />
                    <div class="clear"/> 

                    <p:outputLabel value="Logradouro" styleClass="grid_3" for="logradouroInteressado"/>
                    <p:inputText id="logradouroInteressado" styleClass="grid_20 ajustInput" 
                                 value="#{managerEditarRequerimento.requerimento.enderecoInteressado}"/>

                    <p:outputLabel value="Bairro" styleClass="grid_3" for="bairroInteressado"/>
                    <p:inputText id="bairroInteressado" styleClass="grid_8" 
                                 value="#{managerEditarRequerimento.requerimento.bairroInteressado}" />

                    <p:outputLabel value="Número" styleClass="grid_3" for="numeroInteressado" /> 
                    <p:inputText id="numeroInteressado" styleClass="grid_8" value="#{managerEditarRequerimento.requerimento.numInteressado}" />

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepInteressado"/>
                    <p:inputText id="cepInteressado" styleClass="grid_8" value="#{managerEditarRequerimento.requerimento.cepInteressado}" />

                    <p:outputLabel value="Contato" styleClass="grid_3" for="contatoInteressado"/>
                    <p:inputMask id="contatoInteressado" mask="99-9999-9999" styleClass="grid_8" 
                                 value="#{managerEditarRequerimento.requerimento.telefoneInteressado}" />

                </p:panel>


                <!--DADOS DO PROPRIETÁRIO-->


                <p:panel id="proprietarioPanel" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Dados do Proprietario</h4>

                    <p:outputLabel value="Pessoa" styleClass="grid_3" style="top: 6px" for="tipoDocumentoProprietario"/>
                    <div class="grid_8">
                        <p:selectOneRadio id="tipoDocumentoProprietario" value="#{managerEditarRequerimento.requerimento.tipoDocumentoProprietario}" >
                            <f:selectItems value="#{managerUtilitario.tipoDocumento}" />
                            <p:ajax event="change" update=":cidadaoForm:proprietarioPanel" />
                        </p:selectOneRadio>
                    </div>

                    <div class="clear-both"/> 

                    <p:outputLabel value="#{managerEditarRequerimento.requerimento.tipoDocumentoProprietario}"
                                   for="documentoProprietario" styleClass="grid_3"/>

                    <p:inputMask id="documentoProprietario" 
                                 value="#{managerEditarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF' ? 
                                          managerEditarRequerimento.requerimento.cpfProprietario : managerEditarRequerimento.requerimento.cnpjProprietario}"
                                 mask="#{managerEditarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF' ? 
                                         '999.999.999-99':'99.999.999/9999-99'}" 
                                 styleClass="grid_8" > 
                    </p:inputMask>
                    <div class="clear-both" />

                    <p:outputLabel value="Nome" styleClass="grid_3" for="nomeProprietario" 
                                   rendered="#{managerEditarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF'}"/>
                    <p:inputText id="nomeProprietario" styleClass="grid_20 ajustInput"
                                 value="#{managerEditarRequerimento.requerimento.nomeProprietario}" 
                                 rendered="#{managerEditarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF'}" />
                    <div class="clear"/>

                    <p:outputLabel value="Nome Fantasia" styleClass="grid_3" for="nameFantasiaProprietario" 
                                   rendered="#{managerEditarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" />
                    <p:inputText id="nameFantasiaProprietario" styleClass="grid_20 ajustInput"
                                 value="#{managerEditarRequerimento.requerimento.nomeFantasiaProprietario}" 
                                 rendered="#{managerEditarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" />
                    <div class="clear"/> 

                    <p:outputLabel value="Logradouro" styleClass="grid_3" for="logradouroProprietario" />
                    <p:inputText id="logradouroProprietario" styleClass="grid_20 ajustInput" 
                                 value="#{managerEditarRequerimento.requerimento.enderecoProprietario}" />


                    <p:outputLabel value="Bairro" styleClass="grid_3" for="bairroProprietario"/>
                    <p:inputText id="bairroProprietario" styleClass="grid_8" 
                                 value="#{managerEditarRequerimento.requerimento.bairroProprietario}" />

                    <p:outputLabel value="Número" styleClass="grid_3" for="numeroProprietario"/>
                    <p:inputText id="numeroProprietario" styleClass="grid_8" value="#{managerEditarRequerimento.requerimento.numProprietario}"/>

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepProprietario" />
                    <p:inputText id="cepProprietario" styleClass="grid_8" value="#{managerEditarRequerimento.requerimento.cepProprietario}"/>

                    <p:outputLabel value="Contato" styleClass="grid_3" for="contatoProprietario" /> 
                    <p:inputMask id="contatoProprietario" mask="99-9999-9999" styleClass="grid_8"
                                 value="#{managerEditarRequerimento.requerimento.telefoneProprietario}"/>

                </p:panel>

                <!--DADOS DO TERRENO-->

                <p:panel id="terrenoPanel" styleClass="container_24 clearfix both">
                    <h4 class="title">Dados do Terreno</h4>

                    <p:outputLabel value="Endereço" styleClass="grid_3" for="enderecoImovel" />
                    <p:inputText id="enderecoImovel" styleClass="grid_20 ajustInput "
                                 value="#{managerEditarRequerimento.requerimento.enderecoImovel}" />

                    <p:outputLabel value="Bairro" styleClass="grid_3" for="bairroImovel" />
                    <p:inputText id="bairroImovel" styleClass="grid_20 ajustInput "
                                 value="#{managerEditarRequerimento.requerimento.bairroImovel}" />

                    <p:outputLabel value="Número" styleClass="grid_3" for="numImovel" />
                    <p:inputText id="numImovel" styleClass="grid_8 "
                                 value="#{managerEditarRequerimento.requerimento.numImovel}"/>

                    <p:outputLabel value="CEP" styleClass="grid_3" for="cepImovel"/>
                    <p:inputText id="cepImovel" styleClass="grid_8 "
                                 value="#{managerEditarRequerimento.requerimento.cepImovel}" />

                </p:panel>

                <div class="clear"/>

                <div class="buttonAction">
                    <p:commandButton value="Salvar" icon="ui-icon-disk" update="@form" 
                                     actionListener="#{managerEditarRequerimento.atualizar()}"
                                     styleClass="ui-priority-primary" />

                    <p:button href="pesquisarrequerimento.xhtml" value="Cancelar"  icon="ui-icon-trash" />
                </div >

            </h:form>
        </ui:define>
    </ui:composition>

</html>
